<template>
  <div style="padding:20px">
    <a-button style="margin: 0 5px" type="primary" @click="handleExport"
      >导出</a-button
    >
    <a-button style="margin: 0 5px" type="primary" @click="handleStart"
      >启用</a-button
    >
  </div>
</template>

<script>
export default {
  name: "record",
  data() {
    return {};
  },
  methods: {
    handleExport() {
      // if (this.selectedRowKeys.length > 0) {
      //   this.spinning = true;
      //   exportProject(this.selectedRowKeys)
      //     .then(res => {
      //       const content = res;
      //       const blob = new Blob([content], { type: "application/zip" });
      //       const fileName = `${generateId("服务导出")}.zip`;
      //       if ("download" in document.createElement("a")) {
      //         // 非IE下载
      //         const elink = document.createElement("a");
      //         elink.download = fileName;
      //         elink.style.display = "none";
      //         elink.href = URL.createObjectURL(blob);
      //         document.body.appendChild(elink);
      //         elink.click();
      //         URL.revokeObjectURL(elink.href);
      //         document.body.removeChild(elink);
      //       } else {
      //         navigator.msSaveBlob(blob, fileName);
      //       }
      //     })
      //     .finally(() => {
      //       this.spinning = false;
      //     });
      // } else {
      //   this.$message.error("请选择需要导出的服务！");
      // }
    },
    //启用服务
    async handleStart() {
      // let vm = this;
      // if (vm.selectedRowKeys.length > 0) {
      //   vm.$confirm({
      //     title: "你确定要启用这些服务吗?",
      //     okText: "确定",
      //     cancelText: "取消",
      //     onOk() {
      //       vm.spinning = true;
      //       vm.changeState("STARTED");
      //     },
      //     onCancel() {
      //       vm.spinning = false;
      //     }
      //   });
      // } else {
      //   vm.$message.error("请选择需要启用的服务！");
      // }
    },
    //批量启用或停用
    changeState(State) {
      // let vm = this;
      // var i = 0;
      // let data = {
      //   projectId: vm.selectedRowKeys[i],
      //   runningState: State
      // };
      // function updateProjectState(data) {
      //   updateProjectStatus(data)
      //     .then(result => {
      //       vm.$message.success(data.projectId + "修改成功");
      //       i++;
      //       if (i < vm.selectedRowKeys.length) {
      //         let data = {
      //           projectId: vm.selectedRowKeys[i],
      //           runningState: State
      //         };
      //         updateProjectState(data);
      //       } else {
      //         vm.$refs.table.refresh();
      //         vm.spinning = false;
      //       }
      //     })
      //     .catch(err => {
      //       vm.$confirm({
      //         title: data.projectId + "修改失败，需要继续修改吗?",
      //         okText: "继续",
      //         cancelText: "取消",
      //         onOk() {
      //           i++;
      //           if (i < vm.selectedRowKeys.length) {
      //             let data = {
      //               projectId: vm.selectedRowKeys[i],
      //               runningState: State
      //             };
      //             updateProjectState(data);
      //           } else {
      //             vm.$refs.table.refresh();
      //             vm.spinning = false;
      //           }
      //         },
      //         onCancel() {
      //           vm.$refs.table.refresh();
      //           vm.spinning = false;
      //         },
      //         class: "test"
      //       });
      //     })
      //     .finally(() => {
      //       return;
      //     });
      // }
      // updateProjectState(data);
    }
  }
};
</script>

<style></style>
